import  TodoListStore  from "./TodoListStore";
import { createContext, useContext } from "react"
import TodoViewStore from "./TodoViewStore";
class RootStore{
    constructor() {
        this.todoListStore = new TodoListStore([new TodoViewStore("Hello Mobx"), new TodoViewStore("Hello React")])
    }
}

const RootStoreContext = createContext()

const RootStoreProvider = ({ store, children }) => {
  return (
    <RootStoreContext.Provider value={store}>
      {children}
    </RootStoreContext.Provider>
  )
}

const useRootStore = () => {
  return useContext(RootStoreContext)
}

export { RootStore, RootStoreProvider, useRootStore }

